Java script Language 


çj * JÎI jll M pjjxi 

LS^J^ J ^ 


L$*jJ 

++ 

LŞ^jji ■>■**.' JjjJlf^; ^WIJJ 

cjjj f jlja. ^LSjfl JJ^ ^ J jL^JUj 4J 


jj ^ 4 S dJ ^Iujjj 4ujj ijk jHuj j-aLa AjjUj ^.^ujLjum 

Huj jjLs d j <auj jjjj ^ 4j ^jj! jj A£ jjLjIJ ^jIJjj 

£)Lj U Aa jj ajjj J 4 £ AJ j 4J ^jI£ AjjLjIj jLj jjj Aj 


(t . u.r ^ ö) jl * 
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Java script Language 


Lg^ JJi 


(j* 


<U J <U 6jU ^U pjL ^jLûljj UIjj jljJ 42 (_m£ ^ jjj 4 j j j A-ûjl 
4A 4J *U CjIS <U V 4Jb Ajj JLwj A£ ^uA jjjjj ^j <Jjjj Aj <Jjjj AA <U Aj 
( j AJ AA (j j AjJjS Uuj ijj J j 4A j j <U Aj <Lui 4£ j 4j jluiU jUj^ 
4_aJLaU Aj jluU Al jj Aj AA jUa (JL^JLaU 4_jjj AJ <JLjj 4£ ja 4A jj|JJ j J^ 
A^JUaU Aj <Uj 4Aj Uuj Cjj jj j 4l 4_î jjjj jLuij^jj j Jj AA <Ulu öJ jLaJlS 

. ujjii ^yJU Jj 4Jt> jljj 42 AjJ JIa 4_a tiLlui ^jA UaJlS 

. ÛJ 4_UIS AJjjjU Aj (-ijjIui Aiu bjS JJ 4 JJj£Jjj 


?<U^ lu <Luj AÎU 

♦♦ ♦ ♦ 4*>y * 

.CjjLui <_uj ^^uuijU Jjiu ^JjSIujjJ ^Lj 41 4jjjj CjjjjSui liU 

? LJJ jiui ^jJUjA jlS Aj 

^ tr* lAs* Cm j u ^ 

Jjj jis Aj CiLL ^ljjj -t 

ljj AS j Aj ^£^j ^j) jjJ-T 

jj U AJ Jjjjj J 4 £j Jj (juj yj gL yJl£ aIU JIjjJ -i 

JjjS jj 4a jIjjÛ 

name .html / Jj ^ jU 42 -\ 
name.js / ^ <#'j^ ‘U - -t 


M 1 - 

ö 



& 




o 
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Java script Language 


JJi 


j jtS 4 j Jljiû jjJ Aj JjjjIjj ® J ^L£*j 

( body) jU p as <u 

<html> 

<head> 

<title>Alaa Barznji</title> 

</head> 

<body> 

<script type="text/javascript"> 

</script> 

</body> 

</html> 


( head ) j>-i ^ 

<html> 

<head> 

<title>Alaa Barznji</title> 
<script type="javascript"> 

</script> 

</head> 

<body> 

</body> 

</html> 


^ AS Aj U At^lS 

Uj'jJ 4J Ji 

Document.write(" jet bwet atwane ler bnwse "); 
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Java script Language 


Lg^ JJi 


Jjjjki Çfjl-i 4 j 

<html> 

<head> 

<script > 

Document.writeC'wellcom to the new lessen "); 

</script> 

</head> 

<body> 

</body> 

</html> 


fJJ CjjjJ l$jj ^ULujjJ ^Jj ^ 6 j U J <U Jj 41 jji f 
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Java script Language 


JJi 


ûjb >LaJ 4j 

<html> 

<head> 

<script > 

Alert("hello to the page"); 
</script> 

</head> 

<body> 

</body> 

</html> 




jluuJJjU jAa-î£x^ 

src 

jUaJcIjjû jI£aj (width-height -size -color ) 

attribute 

j£ o j 4 j AA ja. ^ 4jj Ij <_£j l£ a£ 4jJaSli jjJj 4j 

(font-p-hr-u-s-img-string ) 

tag 

A£ öAlLû A j 1 JJJjujI jj^ 4j jl jJJ <S Cllp (^g jl£ ^J ^Ilo j£ jJ 

AJjuJJJ^ CljJjuJjJJ (JLUJ jJ jLö 

/* */ 

JJ J <^S Aj jJ IjJJ ja'iAj CIjjû jl£ Aj Ali^ j£ jJ JjjJ j Aj Jjj <LuJ (Jj^ 

// 


Webpage info 

X 

^ hello to the page 

OK 
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Java script Language 




External/c^j^ 

a£ ûJ Jjj ^ ^ 0JJ jlj Jj ^JJji^ AiU ^ aL li ^UjA ^ ALjp b ûjjI 

.OJ o jtS j 'U jj=k a£ ^ 

t_jj j^jui AiL^ ^Lli 

document.write("wellcom to javascript") 

jûjS jjp. (J JJP a£ jjp- Aj IjjL ^ Aj 


File nanie: 

Alaa.js 

T 

Save as type: 

Text Documents 

T 


* Hide Folders 


Encoding: 


ANSI 


Save 


Cancel 


^ ^ LS 15 0^ t5^ 

<html> 
<head> 
<script src="Alaa.js"> 
</script> 
</head> 
<body> 

</body> 

</html> 



wellcom to j avascript 
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Java script Language 




variables 


dj (j AS j o-Ujj <il 4 j Jj ^Ijj eJ AjIj qj ASj j jIjJ öj'jj^ c>'> öJ UjjjjSui ^ 

4A d jj t& jj dJb ljjjj 4J j 4-ijj j Aj Ajiu j A£ j öJ öJ j ^ ^ls (jb AA j 

♦* 

.>• 

AjojAjASAjA^jJj Ajj Cjjj ^Sölu ■* jj jjj ^ui ijjj 4j Ij Aj û jIa 4j j AJjju ijj oJ ^jju ijj 4j 

J ^ eJ jjj AA ^jjj Jûujjjj <jj>*i j AA 


4 Jjj^ 


<html> 

<head> 

<script>; 

var Ala="wellcom Alaa Barznji " 

document.write (Ala); 

</script> 

</head> 

<body> 

</body> 

</html> 
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Java script Language 




Var 

t j 4Jj ja! 

<html> 

<head> 

<script>; 
var nl =10 ; 
var n2=15; 

document.write (nl+n2); 
</script> 
</head> 

<body> 

</body> 

</html> 
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Java script Language 


Var 

f (j <jjj^ 

<html> 

<head> 

<script>; 

var name = ,, AIaa H 
var age = 30; 
var sh = ,, akre ,, ; 
document.write (name); 
document.write ("<br>"); 
document.wdte (age); 
document.write ("<br>"); 
document.write (sh); 

</scrîpt> 

</head> 

<body> 

</body> 

</html> 





Alaa 

30 

Akre 
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Java script Language 




(Var Object) 


Jj ^jjli ûl aj jU a! jjJ ^£jj j ^jUja jl£ aj jjj ûjjj jl£ aj /var object 


var ala =new Object() ; 





<html> 

<head> 

<script> 

var ala=new Object(); 

ala.firsname-'Alaa"; 

ala.lastname="ahmed"; 

ala.age=22; 

ala.eyecolor="blue"; 

document.write("name:"); 

document.write(ala.firsname); 

document.write("<br>"); 

document.write("lastname:"); 

document.write(ala.lastname); 

document.write("<br>"); 

document.write("taman:"); 

document.write(ala.age); </scriptx/headx/html> 
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Java script Language 




4J 



name:Alaa 

lastname:ahmed 

taman:22 


(function) 


Function 


Ai <L»JS ^Ijj oJ Jj AS Aj AJLajS ^ <U (JjjjjLuu lil^ ^JLaJ 4j jlS A^Jj^ ö j AA 4JLajû 4J JjS Aj 
^Ijjj jjj AA ^jj LjIuijjjj JSJjjj^i j <U 4J <Ulj£ jjj ^ <U ^jjjjj dialj^ j ^j <j!j Uj <L£j djjU 
ojUjA jIS Aj uj <Lua 4J jj (j oj4jj4j<U^V4joj Ajj A£j ^^JLj ojLjjjJ 4J 4j|j jJoSJ 4i j jA 
j 4J 4j 4J 4jjU AS ^uijjj oJ Aj ^Luii. 4J j 4J jjU LgJ 4J oj Auuijjj 4_alj^ jjj LjLSIJ Ljuujjj ojLjjjJ 


oj 4jjj$j ^jlS 4 j ojLjjjJ Ljjj oJ <LS j ojIS j 4 j jb j <Ulj£ jjJ 

LJ <LS AiuiSli 4 j jjjS ^laj jjj jljjA jl£ <u 4 jjj onload 
. jjjS M jI^jj u <L£ AiuiSli ^JjS ^Ioj jj jUjfc jlS 4 j 4jjj Onclick 


4il J a£() 

A>L{} 


^ jijjS ^ (^u. ; 


Function name of function ( ) { 


(^jU 


AjoijL UJjUI i5 jj! 


} 
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Java script Language 




^ AS 4jl (j 4J jaj 

<html> 

<head> 

<script> 
function a() 

{ 

document.write("wellcom to the first one leassn "); 

} 

</script> 

</head> 

<body onload="a()"> 

</body> 

</html> 


4J 
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Java script Language 


(j**J Ji 


? öjjJ J 4JjaÎ 

<html> 

<head> 

<script> 
function a() 

{ 

document.write("wellcom new function"); 
alert ("wellcom"); 

} 

</script> 

</head> 

<body onload="a()"> 

</body> 

</html> 




Wellcom new function 


^ Webpage info 

X 

^ ^ wel 1 c o m 

OK 
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Java script Language 


(j**J Ji 


f Ajui j 4J j ja! 

<html> 

<head> 

<script> 
function fu() 

{ 

alert("click button display information"); 

} 

function ful() 

{ 

document.write("name:Alaa"); 

document.write("<br>"); 

document.write("age:20"); 

} 

</script> 

</head> 

<body onload="fu()"> 

<button onclick="ful()">click button</button) 

</body> 

</htm> 
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Java script Language 


'm 


4J 



click button 


Webpage info X 

© dick button display iformation 

OK 



name:Alaa 

age:20 


(concat) 


öi ** ^ j ^ d J^ ^ 4 a oU Concat öjj* ^ Concat 

<ii1 öjj <Ijjj jjbj jjj Ujj jls <u £b öjj^ ^ 4J /addittion opertartor-1 

sj Ajj Ai jS jj o,%jj 4jj j U 4J 4fij ^ û^ ö j.» "U / Assignment opertartor - Y 
û^jj û^ çşj^'J 4^ Ji *-i / mothod opertarto -? 
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Java script Language 


'm 


(addittion opertartor) 


<html> 

<head> 

<script> 

var a= M wellcom M ; 
var b="Alaa"; 
var c="barznji"; 
document.write(a+b+c); 
</script> 

</head> 

<body> 

</body> 

</html> 





wellcomAlaabarznji 
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Java script Language 




(Assignment opertartor) 


<html> 

<head> 

<script> 

var a="wellcom"; 
a+=" to Akre"; 
document.write(a); 

</script> 

</head> 

<body> 

</body> 

</html> 





wellcom to Akre 
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Java script Language 




fmothod opertarto ) 


<html> 

<head> 

<script type="text/javascript M > 

var ala= M,, .concat( M wellcom to my page 

'V'Alaa Barznji"); 

document.write(ala); 

</script> 

</head> 

<body> 

</body> 

</html> 





wellcom to my page Alaa Barznji 
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Java script Language 





if 

jj J Al AJ AS jjj öJlj AjIj öj 4JUjfl ^ 4J j jA Aj jjlub £j 4 j> (JjjIjj ûJ Ujjjioi liU ^Uj *U 
j 4 j ^jj <>j$j jj j <U f 4 jjjS Ujj öJ ^jj 4J ^ (> 4jJj Jjjj jj ^ 4 jjjS jljb jj Ujja 

.UjUL jj ^iSj^j <U >» 4 j|j 4jj£j jj p 41 4jjjS Ul£ j 4 j jljL jj Ujjja 

.<UjJjI£ Aj û j ^ j L >LIjA jl£ Aj jj 


jl£ <b ^ jl 


|f((>*jjj ûJ (jU 4 j j <Lj ûjji) 

{ 

o jU jj d jJ 

} 



<html> 

<head> 

<script type="text/javascript"> 
var dana = 3; 
if(dana == 3) 

{ 

document.write(" 4 j-jjjJ jUS 4 j j 4jj"); 

} 

</script> 

</head> 
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Java script Language 


'm 0 * 111 * 2 * 



Else 

A3S j 4J Cjjj 4j CiuijjJ jU AS AÛ j *Lui j AJ U j AS u 

. cr^ ^ else 


4Jjj^ 


<html> 

<head> 

<script type="text/javascript"> 
var dana = 2; 
if(dana == 3) 

{ 

document.write(" Alujjj jUS 4j j ^"); 

} 

Else 

{ 

document.write(" *-i V aa j öjjjj"); 

} 

</script> 

</head> 


Page 

19 




Java script Language 


'm 0 * 111 * 2 * 



Else if 




<htmlxhead> 

<script> 
var a="Alaa" 
if(a=="Ali"){ 

document.write("wellcom Ali"); 

} 

else if(a=="Alaa"){ 


document.write("wellcom Alaa"); } 
else{ 

document.write("error name"); 

} 

</script> 

</head> 

<body> 
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Java script Language 


'm 0 * 111 * 2 * 




wellcom Alaa 


Switch 




<html> 

<head> 

<script> 
function aa() { 
var a=0; 
switch(a){ 

case 0: document.writef'this day is Saturday"); break; 
case 1: document.writef'this day is sanday"); break; 
case 2: document.writef'this day is Monday"); break; 
case 3: document.writef'this day is Tuesday"); break; 
case 4: document.writef'this day is wednesday"); break; 
case 5: document.writef'this day is Thursday"); break; 
case 6: document.writef'this day is Friday"); break; 

default: document.writef'this number error"); 

}} 

</script> 

</head> 

<body onload="aa()"> 

</bodyx/html> 


Page 

21 




Java script Language 


Ji 



Increment <>û aLj A aj 4uW^ j* 

a++ 

Decrement cl l£ 6 l ^ a£ 4u4* j* 

a-- 

ciijijl^ öjLû jjj 

% 

Cuû <J C-LU / jLua£ <J Oj 

= = 

CLjûjI£ <j JJ^j^J cjb Jj û JJ j Jj Jj <U Aj 

< 

CIuj jLu£ Aj jlj Lliu jj û jj a£ 

<= 


For Loop 

4j j 4_uj Lj 4 j û j 4jjjS ûjbjjJ 4j 4J jS ö j cluJjlS Aj û j 4_iJj£ öjLjjJ jj 

ûj AjJjS ûjLjjJ jjJ 4J <LlS ûJ ujjlijj ûj ûj <LIS ûJ ûjLjjJ Llu LiuijjJ JjLaS 
.ûj AjuijL Aj j öjLjjJ jL> jjJ jjj j j 4i ^ ûj Ajjj ûJ ûjLjjJ 


( li 

o 
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Java script Language 


Ji 


<html> 

<head> 

<script> 

i=0; 

while(i<=5){ 

document.write("wellcom Alaa Barznji"+i); 
document.write("<br>"); 

i++; 

} 

</script> 

</head> 

</html> 
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Java script Language 


'm 0 * 111 * 2 * 




<head> 

<script> 

for(i=0; i<=5;i++) 

{ 

document.write("wellcom to the akre"+i); 
document.write("<br>"); 

} 

</script> 

</head> 


AJ 



wellcom to the akreO 
wellcom to the akrel 
wellcom to the akre2 
wellcom to the akre3 
wellcom to the akre4 
wellcom to the akre5 


Aj 4jjj*j p Ai for Aj header <jjLjj* ^ <1 
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Java script Language 


Ji 


<head> 

<script> 

for(i=l; i<=6;i++) 

{ 

document.write("<h"+i+">the header is"+i); 
document.write("</h"+i+">"); 

} 

</script> 

</head> 





the header isl 

the header is2 

the header is3 
the header is4 

the header is5 

the header is6 


for jLiu *-} öi 4* table ûjj* tj^jjid*^ f 4J 

for table <^j* ^-jjJ J* *-ûjş 




o 
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Java script Language 


Ji 


<head> 

<script> 

document.write("<table border='l' 
width='30%'>"); 

for(i=l; i<=6;i++) 

{ 

document.write("<trxtd> "+i+" </tdxtd> 
"+i+" </tdxtd> "+i+" </tdx/tr>"); 

} 

document.write("</table>"); 

</script> 

</head> 
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Java script Language 




While 

tlA£ oJ ,>j liui oJ i — j vJj Aj -£jj iliui o J lûjJ 'L£ <U ûJ j 4ju u 

JJÛ J Al <1 <UÎ (J jljb* jjj 


jIS 4j ^j 4jj ja. 


i=0; 

while(i<=5) 

{ 

jjjjjjj dJ jLa AS ûJj£ öjjj 

i++; 

} 

^ 4J j j^xj 

<head> 

<script> 

i=0; 

while(i<=5){ 

document.write("wellcom Alaa Barznji"+i); 

document.write("<br>"); 

i++; 

} 

</script> 

</head> 
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Java script Language 


Ji 



<u 

wellcom Alaa BarznjiO 
wellcom Alaa Barznjil 
wellcom Alaa Barznji2 
wellcom Alaa Barznji3 
wellcom Alaa Barznji4 
wellcom Alaa Barznji5 


do while 

41 Ajjui j 41 41 jj|jJ ifA 41 g V Aj CM öJ £jj Cjjj ^jjjSjjIa tgJj 

Cjjj öJ aI a oJ u ljjj 

^ V* 


<head> 

<script> 

i=l; 

do 

{ 

document.write(i+"wellcom"); 

document.write("<br>"); 

i++; 

} while(i==5) 

</script> 

</head> 
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Java script Language 




4J 



lwellcom 


j* *■} <! 41 


<head> 

<script> 
var i=l; 
do 
{ 

if(i==4){ 

document.write("ifdowhile ,, +i+"<br>"); 

} 

else{ 

document.write("my page"+i+"<br>"); 

} 

i=i+3; 

} 

while(i<=8); 

while(i<=12) 

{ 

document.write("while"+i+"<br>"); 

i++; 

} 

// ^ 9jjJ ^jLtj 4jjJ jjIjJ Jjjj »J jlj 4j jjLa 4j Ij »j 4jjjjwi »J j 4Jfc ^ 4j ^JjI j 

</scriptx/head> 
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Java script Language 




4J 



my pagel 

ifdowhile4 

my page7 

whilelO 

whilell 

whilel2 


erorr 

erorr ^Jj* ^jj J »j erorr <J^J J ^j^ 


Try 

{ 

#j jjS «jjl 

} 

Catch (err) 

{ 

»j^ 

erorr 

ÛiJ* #J 

} 
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Java script Language 


ji ta-diote 


4-jjJ^j 




£-M 

O O 
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Java script Language 


Ji 


ÛjjjSIj (iLLjJj Ai £)La j AJû Cnj ûjLaj j 4 £ 4 J jllUuj ojij /Break 

^Lj ûj ^ JJJ 

jjIjj j ûjL 4 Jb j jjj jj aj <iuj 3 öj|j j aj aJ ^ij ajj Aj/Continue 

. ujj öJ ^lj ûJ j <L 


break 


<head> 

<script> 
var i=0; 

for (i=l;i<=10;i++) 

{ 

if(i==6){break;} 

document.write("the number is "+i); 
document.write("<br>"); 

} 

</script> 

</head> 



the number is 1 
the number is 2 
the number is 3 
the number is 4 
the number is 5 
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Java script Language 




continue 

<head> 

<script> 
var i=0; 

for (i=l;i<=10;i++) 

{ 

if(i==7){continue;} 

document.write("the number is "+i); 
document.write("<br>"); 

} 

</scriptx/head> 

<body> 

<hl>were this number 7</hl> 

</body> 

</html> 




the number is 1 
the number is 2 
the number is 3 
the number is 4 
the number is 5 
the number is 6 
the number is 8 
the number is 9 
the number is 10 

were this number 7 
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Java script Language 




document.getElementByld("name of id").value 



<html> 

<head> <script> 
function mess() 

{ 

var c=document.getElementByld("t").value; 
var pl=document.getElementByld("al"); 
pl.innerHTML=c; 

} 

</scriptx/head> 

<body> 

<p >hello</p> 

<input type="text" id="t"> 

<button onclick="mess()">show text</button> 

<p id="al"x/p> 



</body> </html> 


hello 


Alaa Barznji 



Alaa Barznji 
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Java script Language 


Ji 


Throw 

error ^jj^ jj* ^jl£ 4 j 


<htmlxhead> <script> 
function erorr() 

{ 

try 

{ 

var x=document.getElementByld("tl").value; 
if(x=="") throw "empty"; 
if(x<5) throw "smal number"; 
if(x>10) throw "great then 10"; 
if(x>5 && x<10) throw "seccess"; 

} 

catch(err) 

{ 

var y=document.getElementByld("ml"); 
y.innerHTML=err; 

}} 

</script> </head> <body> 

<hl>My First Javascript</hl> 

<p>please input a number between 5 and 
and 10:</p> 
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Java script Language 




<input type="text" id="tl"> 
<button onclick="erorr()">Test 
input</button> 

<p id="ml"x/p> 
</bodyx/html> 





My First Javascript 

please mput a mimber between 5 and 10: 


0 


Test input 


sinal number 


^jjb jLa Ajj-ui jj£ ö j 

j j-<a AJb Cjja d j jJlj a * 


m flw û' Ûiki A3** Aj 

' J ui^J^ ^ 

Ij AjjjS ^ 4 J b ^jj jUI ijj j ^ AS öJ öjj Al 
0 *UU Jj*j jIjjA Aj öj 4 aajjL Aj dJ Ij ^ 4 J 
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